<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .table>tbody {
      vertical-align: middle !important;
}
  </style>
  <title>订单管理</title>
  <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/order.css">
  <link rel="stylesheet" href="../js/swiper-bundle.min.js">
  <link rel="stylesheet" href="../css/system.css">
  <script src="../js/ajax.js"></script>
  <script src="../js/jquery.min.js"></script>
</head>
<body>
  <header>
    <div class="headleft">
      <img src="../img/logo.png" alt="">
      <h3>智慧书城后台管理系统</h3>
    </div>
    <div class="headright">
      <p id="headRight"></p>
      <span>欢迎你, <i id="glname"></i></span>
      <button type="button" class="btn btn-outline-link" style="color: #ffff;" onclick="logout()">退出登录</button>
    </div>
  </header>
  <section>
    <aside>
      <div class="d-flex flex-column flex-shrink-0 p-3 bg-light col-lg-4" style="width: 280px;height: 100vh;;">
        <a href="##" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
          <img src="../img/logo.png" alt="" style="width: 100px;">
          <span class="fs-4">智慧书城</span>
        </a>
        <hr>
        <ul class="nav nav-pills flex-column mb-auto">
          <li class="nav-item">
            <a href="##" class="nav-link link-dark" aria-current="page" >
              <span class="iconfont icon-shangpinguanli"></span>
              <i>系统首页</i>
            </a>
          </li>
          <li class="nav-item">
            <a href="##" class="nav-link link-dark" aria-current="page">
              <span class="iconfont icon-shangpinguanli"></span>
              <i>商品管理</i>
            </a>
          </li>
          <li>
            <a href="##" class="nav-link active">
              <span class="iconfont icon-dingdanguanli"></span>
              <i>订单管理</i>
            </a>
          </li>
          <li>
            <a href="##" class="nav-link link-dark">
              <span class="iconfont icon-gonggaoguanli"></span>
              <i>公告管理</i>
            </a>
          </li>
          <li>
            <a href="##"class="nav-link link-dark">
              <span class="iconfont icon-yonghuguanli"></span>
              <i>用户管理</i>
            </a>
          </li>
        </ul>
      </div>
    </aside>
    <main>
      <div class="main-top">
        <p>订单详情信息</p>
        <span></span>
      </div>
      <div class="container mt-3" style="background: #fff;padding:10px 15px 5px;position: relative;">
        <div style="height:100%;padding-top:10px;">
          <h5 style="font-weight: 600;margin-bottom: 24px;">订单详情信息</h5>
          <button type="button" class="btn btn-primary btn-lg" style="margin:-40px 0px 0px 1400px; "onclick="back()">返回</button>
          <table class="table table-bordered" style="text-align: center;height: 200px;   ">
            <thead id="td">
              <tr>
                <th>图书编号</th>
                <th>图书名称</th>
                <th>图书价格</th>
                <th>图书类别</th>
                <th>图书描述</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
      </div>
    </main>
  </section>
  <script src="../js/header.js"></script>
  <script src="../js/orderxq.js"></script>
</body>

</html>